<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <!-- 引入公用部分 -->
    <script th:replace="common/head::static"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">Woods Manage</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img src="../static/base/images/header.jpg"
                         class="layui-nav-img">
                    <span th:text="${loginUser.userName}">XXX</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a data-url="/u/v1/detail" data-id="detail" href="javascript:;">个人信息</a></dd>
                    <dd><a th:href="@{/logout}">注销</a></dd>
                </dl>
            </li>
            <!--右侧抽屉-->
            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
           <!-- <ul class="layui-nav layui-nav-tree" lay-filter="test">
                &lt;!&ndash; 动态读取加载系统菜单 &ndash;&gt;
                <div th:each="menu,iterStat : ${menuList}">
                    <li class="layui-nav-item" th:unless="${#lists.size(menu.children)} eq 0">
                        <a th:text="${menu.pName}" href="javascript:;">XXX</a>
                        <dl class="layui-nav-child" th:each="childMenu,iterStat : ${menu.children}">
                            <dd><a class="dd-menu" th:data-url="${childMenu.pUrl}" th:data-id="${childMenu.pId}"
                                   th:text="${childMenu.pName}" href="javascript:;">XXX</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item" th:if="${#lists.size(menu.children)} eq 0">
                        <a class="dd-menu" th:data-url="${menu.pUrl}" th:data-id="${menu.pId}" th:text="${menu.pName}"
                           href="javascript:;">XXX</a>
                    </li>
                </div>
            </ul>-->

            <!-- 菜单 -->
            <ul class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" id="nav" lay-filter="mm_menu"></ul>

        </div>
    </div>

    <div class="layui-body">
        <!--   动态选项卡   -->
        <div class="layui-tab" lay-filter="mm_tab" lay-allowclose="true">
            <!-- 内容主体区域 -->
            <!-- 标题 class="layui-this"-->
            <ul class="layui-tab-title">
                <li lay-id="99999999">首页</li>
            </ul>
            <ul class="rightmenu" style="display: none;position: fixed;">
                <li data-type="closethis">关闭当前</li>
                <li data-type="closeall">关闭所有</li>
            </ul>
            <!-- 内容 -->
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="layui-row layui-col-space15" style="padding: 20px;background-color: #F2F2F2;">
                        <div class="layui-col-md6">
                            <div class="layui-card">
                                <div class="layui-card-header">欢迎使用</div>
                                <div class="layui-card-body">
                                    欢迎你，<span th:text="${loginUser.userName}"></span>
                                    <br/>
                                    <br/>
                                    <p>木木出行</p>
                                    <br/>
                                    <br/>
                                    <p>作者：JueDream</p>
                                    <p>博客：https://blog.csdn.net/qq_35731570</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        Copyright © 2013-2021 All Rights Reserved. 备案号：JDY-SD87559
    </div>
</div>
</body>
<link rel="stylesheet" lang="less" scoped type="text/css" th:href="@{mumu/home/home.css(v=${version})}"/>
<script th:src="@{mumu/home/home.js(v=${version})}"></script>
<script th:src="@{base/layui/2.6.8/modules/navbar.js(v=${version})}"></script>
</html>